{% extends "/shared/layout.html" %}
{% block mainContent %}
<div class="header">
  <div class="wrapper">
    <ul>
      <li class="li_750">
        {% include "/shared/user_partial.html" %}
      </li>
      <li class="li_250">
        <div class="u_group">
          <dl>
            <dd></dd>
            <dd class="dd_hover">
              <a href="/social/friend_list">
                <em class="icon_friend"></em>
                <span class="label">{{pageRes.lblFriendCount}}:</span><span class="h1">{{social_info.friend_cnt}}</span>
              </a>
            </dd>
            <dd class="dd_hover">
              <a href="/social/group_list?list_type=1">
                <em class="icon_group1"></em>
                <span class="label">{{pageRes.lblMyGroup}}:</span><span class="h1">{{social_info.my_group_cnt}}</span>
              </a>
            </dd>
            <dd class="dd_hover">
              <a href="/social/group_list?list_type=2">
                <em class="icon_group2"></em>
                <span class="label">{{pageRes.lblAllGroup}}:</span><span class="h1">{{social_info.all_group_cnt}}</span>
              </a>
            </dd>
            <dd></dd>
          </dl>
          <div class="u_search">
            <input id="txtSearch" type="text" default-value="{{pageRes.inputSearchFriend}}" value="{{pageRes.inputSearchFriend}}"/>
            <a id="btnSearch" href="###" class="search"></a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
<div id="friendContainer" class="wrapper friend_wall"></div>

<!--
<div id="friendContainer" class="wrapper friend_wall">
  <ul>
    <li style="display:none">
      <div class="wall_item" user-id="${user_id}">
        <a href="/social/friend_detail?user_id=${user_id}" target="_blank">
          <img src="" src-path="${fn:photo}" width="160px" height="160px" onError="this.src='../static/images/photo.png';"/>
        </a>
        <!-- <div class="desc">${user_name}</div> 
        <em class="flag ${fn:relationship}"></em>
      </div>
    </li>
  </ul>
  <div class="grid-pagging-bar"></div>
</div>
-->
<script type="text/javascript" src="../static/scripts/views/social/etlinking.views.friendList.js"></script>
<script type="text/javascript">
  $(function() {
    nsbase.views.friendList.init();    
  });
</script>
{% endblock %}